<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情信息</title>
    <link rel="stylesheet" href="demo.css">
</head>

<body>
    <div class="header"></div>
    <div class="content">
        <div class="con">
            <div class="head">
                <img src="./6.png" alt="" width="100%">
            </div>
            <div class="title">资深策划 / 活动策划</div>
            <div class="salary">6千-1万</div>
            <div class="li">
                <span>南京</span>
                <span>安德门</span>
                <span>3-5年</span>
                <span>本科</span>
                <span>全职</span>
                <span>招3人</span>
            </div>
        </div>
    </div>
    <div class="con-box">
        <div class="dis">
            <div class="title">
                <span>职位描述</span>
                <hr>
            </div>
            <div class="label">
                <span>职位描述</span>
                <span>活动策划</span>
                <span>市场推广</span>
                <span>会议策划</span>
                <span>文案</span>
                <span>品牌策划</span>
            </div>
            <div class="describe">
                <div>岗位职责：</div>
                <div class="describe-content">
                    1、负责项目的策略制定、方案撰写等工作； 2、参与内部各项业务的策划、创意会； 3、参加客户的业务讨论、策划与创意提案会； 4、负责活动创意策略以及广告主题概念创作。
                </div>
            </div>
        </div>
    </div>

    <div class="con-box">
        <div class="dis">
            <div class="title">
                <span>职位福利</span>
                <hr>
            </div>
            <div class="label welfare">
                <span>职位描述</span>
                <span>活动策划</span>
                <span>市场推广</span>
                <span>会议策划</span>
                <span>文案</span>
                <span>品牌策划</span>
            </div>

        </div>
    </div>
</body>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script src="./js/template.js"></script>
<script>
    $(document).ready(function () {
      var id=  GetQueryString('id')
        int(id)
    })
    function int(id){
        $.get(BASEURL+"/recruit/get",{
            id:id
        },function(data){
            show(data.data)
        })
    }

    function show(data){
        $('.con .title').text(data.positionName)
        $('.salary').text(data.salaryName)
        $('.describe-content').html(data.description)
        
        var temp = data.label;
               temp = temp.split(',');
               var labelHTML=''
               for(let i in temp){
                labelHTML=labelHTML+'<span>'+temp[i]+'</span>'
               }
        $('.label').html(labelHTML)
        var temps = data.welfareName;
               temps = temps.split(',');
               var welfareNameHTML=''
               for(let z in temps){
                welfareNameHTML=welfareNameHTML+'<span>'+temps[z]+'</span>'
               }
        $('.welfare').html(welfareNameHTML)
        liHTML=
            '<span>'+data.cityName+'</span>'
            +' <span>'+data.workplace+'</span>'
            +' <span>'+data.experienceName+'</span>'
            +' <span>'+data.educationName+'</span>'
            
            +' <span>'+data.natureName+'</span>'
            +' <span>'+data.number+'</span>'
        $('.li').html(liHTML)
    }
    
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
</script>

</html>